text-align:left
1、 left 默认值，文本排列到左边
2、 right 文本排列右边
3、 center 文本排列到中间
4、 justify 文本两端对齐，对单行文本无效。不建议使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css</title>
<style type="text/css">
div{width:200px;height:40px;background:#E1EFFF;
line-height:40px;text-align:center;}
p{width:200px;height:40px;background:#f2f2f2;
line-height:40px;text-align:right;}
</style>
</head>
<body>
<div>我用来设置水平排列方式</div>
<p>我用来设置水平排列方式</p>
</body>
</html>
返回：